<template>
  <div>
    <div class="imgs">
        <router-link exact to="/Home" active-class="active" tag="li">
            <van-button round type="info" class="butt" >返回首页</van-button>
        </router-link>
      <img
        src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1600336984879&di=80df55961d26aa9140a3b36a328c129b&imgtype=0&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D1384616255%2C3404144657%26fm%3D214%26gp%3D0.jpg"
        alt
      />
    </div>
  </div>
</template>

<script>
import sp from "../../../public/data/sp"

import Vue from "vue";
import { Button } from "vant";

Vue.use(Button);
export default {
  data() {
    return {};
  },
  created() {
    // 发布一个让底部菜单隐藏的指令
    this.$bus.$emit("FooterBar", false);
  },
  mounted() {
      console.log(sp)
  },
};
</script>

<style lang="scss" scoped>
// .imgs{
//     width: 100%;
//     height: 730px;
//     background: pink;
// }
img{
  width: 100%;
  height: 730px;

  background-repeat: no-repeat;
//   background-image: url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1600336984879&di=80df55961d26aa9140a3b36a328c129b&imgtype=0&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D1384616255%2C3404144657%26fm%3D214%26gp%3D0.jpg");
}
.butt{
    position: fixed;
    top:61%;
    left: 35%;
    width: 130px;
    height: 60px;
}
</style>
